<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>{cscms:title}</title>
    <meta name="Keywords" content="{cscms:keywords}" />
    <meta name="Description" content="{cscms:description}" />
    <link rel="shortcut icon" href="{cscms:path}favicon.ico" />
    <link rel="stylesheet" href="{cscms:webpath}packs/font/font.css">
    <link rel="stylesheet" type="text/css" href="{cscms:tempurl}css/style.css"/>
    <link rel="stylesheet" type="text/css" href="{cscms:tempurl}css/dance.css"/>
    <script type='text/javascript' src='{cscms:tempurl}js/wap.js'></script>
    <script type='text/javascript' src='{cscms:tempurl}js/dance.js'></script>
</head>
<body>
    {cscms:head}
    <div class="layui-tab layui-tab-brief">
        <ul class="layui-tab-title">
            <li class="layui-this">歌曲播放</li>
            <li class="">猜你喜欢</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show" style="">
                <table class="md-zj" style="">
                    <tbody>
                        <tr>
                            <td><a href="javascript:;"><img style="width: 60px;height: 60px;" src="{if:'[dance:pic]'==''}{cscms:tempurl}images/ad.jpg{else}[dance:pic dir=dance]{end if}" alt="[dance:name]"></a></td>
                            <td class="md-zj-info">
                                <a href="javascript:;">[dance:name]</a>
                                <div>
                                    <table class="layui-table md-zsxf" lay-even lay-skin="nob" style="margin: 0px">
					                    <thead></thead>
					                    <tbody><tr><td class="color32">
					                        <a href="javascript:dance.danceDing([dance:id]);"><i class="fa fa-thumbs-up"></i>赞(<span id="dhits">[dance:dhits]</span>)</a></td><td class="color32">
					                        <a href="javascript:dance.danceFav([dance:id]);"><i class="fa fa-star"></i>收藏(<span id="shits">[dance:shits]</span>)</a></td><td class="color32">
					                        <a href="[dance:url link=down,id]" target="_blank"><i class="fa fa-download"></i>下载([dance:xhits])</a></td><td class="color32">
					                        <a href="javascript:shareOpen('[dance:name]','[dance:link]');"><i class="fa fa-share-square-o"></i>分享</a></td></tr></tbody>
					                </table>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <style type="text/css">
                    .layui-table td{font-size: 12px;padding: 9px 10px}
                </style>
                <table class="layui-table" lay-even style="margin: 0px;">
                    <colgroup>
                        <col width="70">
                        <col>
                        <col width="70">
                    </colgroup>
                    <thead>
                    	<tr>
                    		<th colspan="4" style="font-weight: normal;font-size: 12px;">歌曲详细信息</th>
                    	</tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td align="center">歌名</td>
                            <td colspan="3">[dance:name]</td>
                        </tr>
                        <tr>
                            <td align="center">会员</td>
                            <td>{if:'[dance:zdy zd=user,name,uid]'}[dance:zdy zd=user,name,uid]{else}未知{end if}</td>
                            <td align="center">歌手</td>
                            <td>{if:'[dance:singer zd=name]'=='null'}佚名{else}[dance:singer zd=name]{end if}</td>
                        </tr>
                        <tr>
                            <td align="center">分类</td>
                            <td><a href="[dance:classlink]">[dance:classname]</a></td>
                            <td align="center">人气</td>
                            <td>[dance:hits]</td>
                        </tr>
                        <tr>
                            <td align="center">音质</td>
                            <td>[dance:yz]</td>
                            <td align="center">大小</td>
                            <td><a href="[dance:classlink]">1[dance:dx]</a></td>
                        </tr>
                        <tr>
                            <td align="center">发布</td>
                            <td colspan="3">[dance:addtime style=Y-m-d h:i:s]</td>
                        </tr>
                    </tbody>
                </table>
                <audio src="[dance:qurl]" id="audio"></audio>
                <div class="md-play">
                	<div class="md-picon">
                		<a href="[dance:slink]" class="md-pre"></a>
                		<a id="mdplay" href="javascript:dance.mdPlay();" class="md-pause"></a>
                		<a href="[dance:xlink]" class="md-nxt"></a>
                	</div>
                	<div class="md-time"><span id="timeNow">00:00</span>/<span id="timeEnd">00:00</span></div>
                	<div class="md-progress" onclick="dance.get_pro()">
                		<div class="md-pronow"></div>
                	</div>
                </div>
                [dance:pl]
            </div>
            <div class="layui-tab-item">
                {cscms:dance table="dance" field="id,name,hits,cid,shits,singerid,addtime" loop="10"}
                    <li class="dance-one">
                        <div class="dance-one-left">
                            <a class="id-title" title="[dance:name]" href="[dance:url zdy=dance,id,play,id]"><span class="dance-jx">荐</span>[dance:name]</a>
                            <div class="dance-one-more"><span><i class="fa fa-eye"></i>&nbsp;<i title="人气">[dance:hits]</i></span><span><i class="fa fa-star-o"></i>&nbsp;<i title="收藏">[dance:shits]</i></span><span><a href="[dance:url zdy=dance,cid,lists,hits]">[dance:zdy zd=dance_list,name,cid]</a></span></div>
                        </div>
                        <a class="dance-singer" href="[dance:url zdy=singer,singerid,show]">[dance:singer zd=name]</a>
                    </li>
                {/cscms:dance}
            </div>
        </div>
    </div>
</body>
{cscms:bottom}
<script>
    dance.init("mdplay");
    $(document).ready(function() {
        $(document).one('touchstart',function(e){
            if(navigator.userAgent.match(/iPad|Phone|iPod|Safari/i)!=null){
                dance.mdPlay(1);
            }
        });
    }); 

</script>
</body>
</html>